<?
define('SITE_AREA', 'partners');
include('includes/appInit.php');
include('includes/ajax/sysData.php');
$jsFile = 'jsPartners.js';
include('includes/header.php');
?>
<div id="content0" style="padding: 10px; width: 750px;" class="x-layout-inactive-content">
	<div id="buttonAdd" style="float: left; width: 180px;">
		<a href="#" class="coolButton buttonBGBlueGray" tabindex="30" onClick="partnerSupportObj.openAddEditForm(); return false;"><span class="add">New Partner</span></a>
	</div>
	<div id="statusDiv" style="float: left;"></div>
	<div style="clear: left; height: 10px;"></div>
		
	<div id="content0FormDiv">
	<div id="formAddEdit" class="blueBox" style="display: none;">		
		<input type="hidden" id="formAction" />
		<input type="hidden" id="pID" />
		
		<div style="float: left; width: 200px">
			<p><label class="vertLabelSmall">Full Name</label>
			<input type="text" style="width: 195px; margin-right: 5px;" value="First Name" id="nameFirst" name="nameFirst" onFocus="this.value='';" />
			</p>
		</div>
		<div style="float: left; width: 200px">
			<p><label class="vertLabelSmall">&nbsp;</label>
			<input type="text" style="width: 200px;" value="Last Name" id="nameLast" name="nameLast" onFocus="this.value='';"  />
			</p>
		</div>
		<div style="clear: left;"></div>
		
		<div style="float: left; width: 250px">
			<p><label class="vertLabelSmall">Address Line 1</label>
			<input type="text" style="width: 245px; margin-right: 5px;" id="address1" name="address1" />
			</p>
		</div>
		<div style="float: left; width: 150px">
			<p><label class="vertLabelSmall">Address Line 2</label>
			<input type="text" style="width: 150px;" id="address2" name="address2" />
			</p>
		</div>
		<div style="clear: left;"></div>
		
		<div style="float: left; width: 200px">
			<p><label class="vertLabelSmall">City</label>
			<input type="text" style="width: 195px; margin-right: 5px;" id="address1" name="address1" />
			</p>
		</div>
		<div style="float: left; width: 120px">
			<p><label class="vertLabelSmall">State</label>
			<select id="state" style="width: 115px; margin-right: 5px;" size="1">
			<? include('includes/states.html'); ?>
			</select>
			</p>
		</div>
		<div style="float: left; width: 80px">
			<p><label class="vertLabelSmall">Zip</label>
			<input type="text" style="width: 80px;" id="zip" name="zip" />
			</p>
		</div>
		<div style="clear: left;"></div>
		
		<div style="float: left; width: 200px">
			<p><label class="vertLabelSmall">Phone</label>
			<input type="text" style="width: 195px; margin-right: 5px;" id="phone" name="phone" />
			</p>
		</div>
		<div style="float: left; width: 200px">
			<p><label class="vertLabelSmall">Fax</label>
			<input type="text" style="width: 200px;" id="fax" name="fax" />
			</p>
		</div>
		<div style="clear: left;"></div>
		
		<p><label class="vertLabelSmall">Email Address</label>
		<input type="text" style="width: 400px;" id="email" name="email" /></p>
		
		<div style="float: left; width: 100px">
			<p><label class="vertLabelSmall">Type</label>
			<select id="type" style="width: 95px; margin-right: 5px;" size="1">
			<option>Select...</option>
			<option value="IEP">IEP</option>
			<option value="Mediation">Mediation</option>
			</select>
			</p>
		</div>
		<div style="float: left; width: 200px">
			<p><label class="vertLabelSmall">Training</label>
			<input type="text" style="width: 195px; margin-right: 5px;" id="training" name="training" />
			</p>
		</div>
		<div style="float: left; width: 100px">
			<p><label class="vertLabelSmall">Training Date</label>
			<input type="text" style="width: 100px;" id="trainingDate" name="trainingDate" />
			</p>
		</div>
		<div style="clear: left;"></div>
		
		<div style="float: left; width: 100px">
			<p><label class="vertLabelSmall">Rating</label>
			<select id="rating" style="width: 95px; margin-right: 5px;" size="1">
			<option>Select...</option>
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
			<option value="4">4</option>
			<option value="5">5</option>
			</select>
			</p>
		</div>
		<div style="float: left; width: 200px">
			<p><label class="vertLabelSmall">Will Travel</label>
			<select id="travelDistance" style="width: 95px; margin-right: 5px;" size="1">
			<option>Select...</option>
			<option value="25">25 miles</option>
			<option value="50">50 miles</option>
			<option value="75">75 miles</option>
			<option value="100">100 miles</option>
			<option value="150">150 miles</option>
			</select>
			</p>
		</div>
		<div style="clear: left;"></div>
										
		<div style="margin-top: 10px; margin-left: 5px;">
			<div style="float: left; margin-right: 5px;">
				<a href="#" class="coolButton buttonBGBlueGray" tabindex="30" onClick="partnerUpdateObj.savePartner(); return false;"><span class="save">Save</span></a>
			</div>
			<div style="float: left;">
				<a href="#" class="coolButton buttonBGRed" tabindex="30" onClick="partnerSupportObj.closeAddEditForm(); return false;"><span class="cancel">Cancel</span></a>
			</div>
			<div style="clear: left;"></div>
		</div>		
	</div>
	</div>
	<div><h1>Current Partners</h1></div>
	<div id="partnerList"></div>
</div>  
<div id="south"></div>  
<? include('includes/footer.php'); ?>